<script setup>
import { provide, ref } from 'vue'
import Father from './components/Father.vue'
// 利用provide提供数据
const money = ref(100)
const changeMoney = (num) => {
  money.value = money.value - num
}
// provide 第一个参数: 传递的名字  第二个参数: 传递的数据
provide('money', money)
// provide 还可以传递方法
provide('changeMoney', changeMoney)

</script>

<template>
  <div class="page">
    爷爷: {{money}}
    <Father></Father>
  </div>
</template>

<style scoped>
.page {
  width: 800px;
  height: 800px;
  border: 1px solid rebeccapurple;
}
</style>
